<h2>Add New Customer</h2>
 
<form novalidate name="AddNewForm" id="add-new-form" method="post" action="">
  <table>
      <tr>
        <td>Type : </td>
		<td><select ng-model="cust.custtype" name= "custtype" ng-options="type.name as type.name for type in custcat"></select>  </td>
			<!-- {{cust.custtype | json}} -->
		<td>Prefix :</td>
		<td><select ng-model="cust.prefx" name="prefx" ng-options="item.name as item.name for item in prefx"></select> </td> 
			<!-- {{cust.prefx | json}} 
			<select> <option id="MR">MR</option> <option id="M/S">M/S</option> <option id="MRS">MRS</option></select>--> 
    	<td>Name : </td>
		<td><input type="text" name="Name" ng-model="cust.Name" capitalize> </td>
	</tr>
    
    <tr>
		<td>Address :</td>
		<td><textarea rows = "4" name="Address" ng-model="cust.Address" capitalize></textarea></td>
		<td>City :</td>
		<td><input type="text" name="city" ng-model="cust.city" capitalize></td>
		
	 </tr>
	 
      <tr>
		<td>Phone : </td>
		<td><input type="text" ng-model="cust.phoneno"></td>
		
        <td>Email Id : </td>
		<td><input type="email" ng-model="cust.email"></td>
       
		<td>Admin Charges : </td> 
		<td> <input type="text" ng-model="cust.appadmchrg"></td>
	  </tr>
  </table>
        <button class="btn btn-primary" ng-disabled="AddNewForm.$invalid || isUnchanged(cust)" id="add-new-btn" ng-click="add_new(cust)">Save!</button>
        <a href="#/editcust/" class="btn">Cancel</a>
    </div>